<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>
      欢太商城 -
      OPPO,OnePlus,realme官方线上商城首页，最新款智能手机和配件在线购买
    </title>
    <meta
      name="keywords"
      content="欢太商城，OPPO，OnePlus，realme官方商城，OPPO最新款智能手机在线订购, OnePlus最新款智能手机在线购买, realme最新款智能手机线上购买 "
    />
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="./font/iconfont.css" />
    <link rel="stylesheet" href="./css/swiper.min.css">
  </head>
  <body>
    <!-- 头部区域 -->
    <div id="oc-header"></div>
    <!-- 导航区域 -->
    <div id="nav">
      <div class="nav-con">
        <a href="https://brand.heytap.com/index.html">欢太品牌</a>
        <a href="">欢太云服务</a>
        <a href="https://store.oppomobile.com/">软件商店</a>
        <a href="">健康</a>
        <a href="./pages/particulars.html">商品详情</a>
        <a href="./pages/login.html">登录</a>
        <a href="./pages/register.html">注册</a>
      </div>
  
      <div id="show-nav">
        <div class="shv">
          <ul class="dao">
            <h1>欢太商城</h1>
            <a href="">
              <li>OPPO专区 <div id="second" style="display:none;">
                <ul class="nav-1">
                  <li><img src="https://dsfs.oppo.com/archives/202105/2021052009054360a5c1db7073a.png?_w_=324&_h_=324&x-oss-process=image/format,webp"><br> <h3>Reno6</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202103/202103081003486045873054f7a.png?_w_=324&_h_=324&x-oss-process=image/format,webp"><h3>Find X3</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202104/2021040110045660652ac019069.png?_w_=324&_h_=324&x-oss-process=image/format,webp"><h3>Find X3 Pro</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202012/202012140512475fd7353bcd5cf.png?x-oss-process=image/format,webp"><h3>Reno5</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202104/20210421100445607f8ad154d78.png?_w_=324&_h_=324&x-oss-process=image/format,webp"><h3>k9</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202102/2021022310022060346ed4efe7b.png?_w_=324&_h_=324&x-oss-process=image/format,webp"><h3>智能家族</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202010/202010290710535f9aac9d29271.png?x-oss-process=image/format,webp"><h3>更多</h3></li>
                </ul>
              </div></li>
            </a>
            <a href="">
              <li>一加专区<div id="second" style="display:none;">
                <ul class="nav-1">
                  <li><img src="https://dsfs.oppo.com/archives/202104/20210409110425606fcc6d6220d.png?_w_=1120&_h_=1120&x-oss-process=image/format,webp"><h3>OnePlus 9R</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202104/20210409110458606fcd7ebed31.png?_w_=1120&_h_=1120&x-oss-process=image/format,webp"><h3>OnePlus 9 Pro</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202103/20210316110334605029decbc5b.png?_w_=1120&_h_=1120&x-oss-process=image/format,webp"><h3>OnePlus 9</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202011/202011041111455fa21ce1cc046.png?x-oss-process=image/format,webp"><h3>OnePlus 8T</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202011/202011041111225fa21d06ed376.png?x-oss-process=image/format,webp"><h3>OnePlus 8</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202011/202011041111365fa21d14ae52d.png?x-oss-process=image/format,webp"><h3>OnePlus 8 Pro</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202010/202010301010105f9c2642acacc.png?x-oss-process=image/format,webp"><h3>更多</h3></li>
                </ul>
              </div></li>
            </a>
            <a href="">
              <li>realme专区<div id="second" style="display:none;">
                <ul class="nav-1">
                  <li><img src="https://dsfs.oppo.com/archives/202104/202104010404276065851b68ecf.png?_w_=324&_h_=324&x-oss-process=image/format,webp" ><h3>真我GT Neo</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202104/2021041206045360741e8dc6eb8.png?_w_=324&_h_=324&x-oss-process=image/format,webp"><h3>真我X7 Pro至尊版</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202104/202104230204166081c2204496d.png?_w_=324&_h_=324&x-oss-process=image/format,webp"><h3>真我Q3 Pro</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202101/20210118040126600543da5718c.png?x-oss-process=image/format,webp"><h3>真我V15</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202104/20210401040447606584b72f495.png?_w_=324&_h_=324&x-oss-process=image/format,webp"><h3>真我Buds Air 2</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202010/202010290710345f9aa942632ac.png?x-oss-process=image/format,webp"><h3>更多</h3></li>
                </ul>
              </div></li>
            </a>
            <a href="">
              <li>智能硬件<div id="second" style="display:none;">
                <ul class="nav-1">
                  <li><img src="https://dsfs.oppo.com/archives/202104/20210430090406608b5f062c3eb.png?_w_=324&_h_=325&x-oss-process=image/format,webp"><h3>OPPO Enco Air</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202104/20210430090451608b5fab53d80.png?_w_=324&_h_=324&x-oss-process=image/format,webp"><h3>OPPO 新品手环</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202104/2021042805041760892ba12c293.png?_w_=324&_h_=324&x-oss-process=image/format,webp"><h3>OPPO智能电视K9</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202104/20210409100424606fb970681b8.png?_w_=1080&_h_=1080&x-oss-process=image/format,webp"><h3>真我Buds Air 2</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202011/202011030811365fa14e984262e.png?x-oss-process=image/format,webp"><h3>OnePlus Buds Z</h3></li>    
                </ul>
              </div></li>
            </a>
            <a href="">
              <li>智美心品<div id="second" style="display:none;">
                <ul class="nav-1">
                  <li><img src="https://dsfs.oppo.com/archives/202011/202011030711355fa1422be6e1e.png?x-oss-process=image/format,webp"><h3>美的空气净化器</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202011/202011030711075fa1420f7c28a.png?x-oss-process=image/format,webp"><h3>美的除菌加湿器</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202011/202011030711085fa14288deed9.png?x-oss-process=image/format,webp"><h3>乐心智能体脂称S30</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202011/202011030711435fa14107aa5cf.png?x-oss-process=image/format,webp"><h3>Blicca 智能摄像头</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202011/202011051011285fa407206b1ca.png?x-oss-process=image/format,webp"><h3>欧瑞博智能遥控器</h3></li>
                </ul>
              </div></li>
            </a>
            <a href="">
              <li>品牌<div id="second" style="display:none;">
                <ul class="nav-1">
                  <li><img src="https://dsfs.oppo.com/archives/202010/202010310810555f9d5adf8973c.png?x-oss-process=image/format,webp"><h3>OPPO官网</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202010/202010310810465f9d5b4ebb15f.png?x-oss-process=image/format,webp"><h3>一加官网</h3></li>
                  <li><img src="https://dsfs.oppo.com/archives/202010/202010310810425f9d5b861fde8.png?x-oss-process=image/format,webp"><h3>realme官网</h3></li>
                </ul>
              </div></li>
            </a>
            <a href="./pages/cart.html"><span class="iconfont icon-hongbao_huabanfuben"></span></a>
          </ul>
        </div>
        <!-- 二级导航 -->
        <!-- <div id="second" style="display:none;">
          <ul class="nav-1">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
          </ul>
        </div> -->
      </div>
    </div>
  <!-- 轮播图区域 -->
  <!-- Swiper -->
  <div class="swiper-conn">
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="https://dsfs.oppo.com/archives/202107/2021070911071960e7c1db9a90d.jpg?_w_=5120&_h_=1780&x-oss-process=image/format,webp" alt=""></div>
        <div class="swiper-slide"><img src="https://dsfs.oppo.com/archives/202105/2021052507055160ace58bf1fa4.jpg?_w_=5120&_h_=1780&x-oss-process=image/format,webp" alt=""></div>
        <div class="swiper-slide"><img src="https://dsfs.oppo.com/archives/202106/2021062411064060d3fe40de413.jpg?_w_=5120&_h_=1780&x-oss-process=image/format,webp" alt=""></div>
        <div class="swiper-slide"><img src="https://dsfs.oppo.com/archives/202105/2021050603055260939f2841401.jpg?_w_=5120&_h_=1780&x-oss-process=image/format,webp" alt=""></div>
        <div class="swiper-slide"><img src="https://dsfs.oppo.com/archives/202105/2021052010050860a5cc082627c.jpg?_w_=5120&_h_=1780&x-oss-process=image/format,webp" alt=""></div>
      </div>
      <!-- Add Pagination -->
      <div class="swiper-pagination"></div>
    </div>
  </div>
    <!-- 主体区域 -->
  <div id="main">
    <div class="main-con">
      <section>
        <h1>OPPO 专区</h1>
        <ul>
          <li class="yj">智能硬件</li>
          <li class="sj">手机</li>
        </ul>
      </section>

      <div class="shop">
        <div class="col-1">
          <div class="box-1">
            <header>
              <h4>Reno6 夏日晴海</h4>
              <h5>¥2799</h5>
            </header>
            <img
              src="https://dsfs.oppo.com/archives/202105/2021052010051360a5ce2964008.png?_w_=1310&_h_=950&x-oss-process=image/format,webp"
              alt="">
          </div>
          <span class="prod">新品</span>
        </div>

        <div class="col-2">
          <div class="box-2">
            <img
              src="https://dsfs.oppo.com/archives/202105/2021052010053360a5cf2d8a44e.png?_w_=1310&_h_=950&x-oss-process=image/format,webp">
            <span class="prod">新品</span>
            <header>
              <h4>Reno6 Pro 星河入梦</h4>
              <h5>¥3499</h5>
            </header>
          </div>
        </div>

        <!-- 2 -->
        <div class="col-2">
          <div class="box-2">
            <img
              src="https://dsfs.oppo.com/archives/202105/2021052010054660a5cfb2bac76.png?_w_=1310&_h_=950&x-oss-process=image/format,webp">
            <span class="prod">新品</span>
            <header>
              <h4>Reno6 Pro+月海</h4>
              <h5>¥3999</h5>
            </header>
          </div>
        </div>

        <!-- 3 -->
        <div class="col-2">
          <div class="box-2" style="margin-left: 0;">
            <img
              src="https://dsfs.oppo.com/archives/202105/2021051910054260a472766b792.png?_w_=320&_h_=232&x-oss-process=image/format,webp">
            <span class="prod">新品</span>
            <header>
              <h4>Find X3 Pro 火星探索版</h4>
              <h5>¥6999</h5>
            </header>
          </div>
        </div>

        <!-- 4 -->
        <div class="col-2">
          <div class="box-2">
            <img
              src="https://dsfs.oppo.com/archives/202103/20210308110301604593e57bf5a.png?_w_=320&_h_=232&x-oss-process=image/format,webp">

            <header>
              <h4> Find X3 镜黑</h4>
              <h5>¥4499</h5>
            </header>
          </div>
        </div>

        <!-- 5 -->
        <div class="col-2">
          <div class="box-2">
            <img
              src="https://dsfs.oppo.com/archives/202103/20210303040317603f4e7d27cc0.png?_w_=320&_h_=236&x-oss-process=image/format,webp">

            <header>
              <h4>Reno5 星河入梦</h4>
              <h5>¥2699</h5>
            </header>
          </div>
        </div>

        <!-- 6 -->
        <div class="col-2">
          <div class="box-2">
            <img
              src="https://dsfs.oppo.com/archives/202105/202105060605506093c03249bab.png?_w_=1310&_h_=949&x-oss-process=image/format,webp">
            <span class="prod">新品</span>
            <header>
              <h4>K9 黑桃K</h4>
              <h5>¥1999</h5>
            </header>
          </div>
        </div>

        <!-- 7 -->
        <div class="col-2">
          <div class="box-2" style="margin-left: 0;margin-top: 40px;">
            <img
              src="https://dsfs.oppo.com/archives/202012/202012111012115fd2daa3f3241.png?x-oss-process=image/format,webp">
            <header>
              <h4>K7x 黑镜</h4>
              <h5>¥1399</h5>
            </header>
          </div>
        </div>

        <!-- 8 -->
        <div class="col-2">
          <div class="box-2" style="margin-top: 40px;">
            <img
              src="https://dsfs.oppo.com/archives/202012/202012111012165fd2daa87b17f.png?x-oss-process=image/format,webp">
            <header>
              <h4>A32 幻想蓝</h4>
              <h5>¥999</h5>
            </header>
          </div>
        </div>

        <!-- 9 -->
        <div class="col-2">
          <div class="box-2" style="margin-top: 40px;">
            <img
              src="https://dsfs.oppo.com/archives/202010/202010300610215f9be831e31cc.png?x-oss-process=image/format,webp">
            <header>
              <h4>Ace2 月岩灰</h4>
              <h5>¥3499</h5>
            </header>
          </div>
        </div>

        <!-- 10 -->
        <div class="col-2">
          <div class="box-2" style="margin-top: 40px;">
            <img
              src="https://dsfs.oppo.com/archives/202010/202010300610475f9be84b7a808.png?x-oss-process=image/format,webp">
            <header>
              <h4>K7 流焰</h4>
              <h5>¥2199</h5>
            </header>
          </div>
        </div>

        <!-- 主体第二部分 -->
        <section>
          <h1>一加专区</h1>
          <ul>
            <li class="yj">其他</li>
          <li class="sj">手机</li>
          </ul>
        </section>
        <div class="main-2">
          <div class="col-1">
            <div class="box-1">
              <header>
                <h4>OnePlus 9R</h4>
                <h5>¥2799</h5>
              </header>
              <img
                src="https://dsfs.oppo.com/archives/202104/2021041006041060717b9ee9e2f.png?_w_=1310&_h_=950&x-oss-process=image/format,webp"
                alt="">
            </div>
            <span class="prod">新品</span>
          </div>

          <!-- 1 -->
          <div class="col-2">
            <div class="box-2">
              <img
                src="https://dsfs.oppo.com/archives/202104/2021041006042160717b6d3628e.png?_w_=1310&_h_=950&x-oss-process=image/format,webp">
              <header>
                <h4>OnePlus 9 Pro</h4>
                <h5>¥5999</h5>
              </header>
            </div>
          </div>
          <!-- 2 -->
          <div class="col-2">
            <div class="box-2">
              <img
                src="https://dsfs.oppo.com/archives/202104/2021041006041260717b6455683.png?_w_=1310&_h_=950&x-oss-process=image/format,webp">
              <header>
                <h4>OnePlus 9</h4>
                <h5>¥3799</h5>
              </header>
            </div>
          </div>
          <!-- 3 -->
          <div class="col-2">
            <div class="box-2" style="margin-left: 0;">
              <img
                src="https://dsfs.oppo.com/archives/202011/202011040211275fa2505fca065.png?x-oss-process=image/format,webp">

              <header>
                <h4>OnePlus 8T 青域</h4>
                <h5>¥2899</h5>
              </header>
            </div>
          </div>

          <!-- 4 -->
          <div class="col-2">
            <div class="box-2">
              <img
                src="https://dsfs.oppo.com/archives/202010/202010290910065f9abfa62e124.png?x-oss-process=image/format,webp">
              <header>
                <h4>OnePlus 8 银翼</h4>
                <h5>¥2399</h5>
              </header>
            </div>
          </div>
          <!-- 5 -->
          <div class="col-2">
            <div class="box-2">
              <img
                src="https://dsfs.oppo.com/archives/202010/202010290910495f9ac0858471b.png?x-oss-process=image/format,webp">
              <header>
                <h4>OnePlus 8 Pro 青空</h4>
                <h5>¥3399</h5>
              </header>
            </div>
          </div>

          <!-- 6 秒杀-->
          <div class="col-2">
            <div class="box-2">
              <img src="./images/miao.jpg" style="width: 50px;height: 50px;">
             <h4>秒杀倒计时:</h4>
             <h1 id="time" style="font-size: 15px;color:red"></h1>
              <header>
              </header>
            </div>
          </div>

        </div>

        <!-- 主体第三部分 -->
        <section>
          <h1>realme 专区</h1>
          <ul>
            <li class="yj">其他</li>
            <li class="sj">手机</li>
          </ul>
        </section>
        <div class="main-3">
          <div class="col-1">
            <div class="box-1">
              <header>
                <h4>真我Q3 Pro 萤火虫</h4>
                <h5>¥1799</h5>
              </header>
              <img
                src="https://dsfs.oppo.com/archives/202104/202104231104106082406e5d781.png?_w_=1310&_h_=951&x-oss-process=image/format,webp"
                alt="">
            </div>
            <span class="prod">新品</span>
          </div>
          <!-- 1 -->
          <div class="col-2">
            <div class="box-2">
              <img
                src="https://dsfs.oppo.com/archives/202104/20210423110426608241e6ad112.png?_w_=1310&_h_=950&x-oss-process=image/format,webp">
              <header>
                <h4>realme 真我Q3 迷幻银</h4>
                <h5>¥1399</h5>
              </header>
            </div>
            <span class="prod">新品</span>
          </div>

          <!-- 2 -->
          <div class="col-2">
            <div class="box-2">
              <img
                src="https://dsfs.oppo.com/archives/202104/20210423110414608242ca6c1fc.png?_w_=1310&_h_=950&x-oss-process=image/format,webp">
              <header>
                <h4>realme 真我Q3i 光影蓝</h4>
                <h5>¥1199</h5>
              </header>
            </div>
            <span class="prod">新品</span>
          </div>

          <!-- 3 -->
          <div class="col-2">
            <div class="box-2" style="margin-left: 0;">
              <img
                src="https://dsfs.oppo.com/archives/202104/20210423110420608243840d246.png?_w_=1310&_h_=950&x-oss-process=image/format,webp">
              <header>
                <h4>真我GT Neo 最终幻想</h4>
                <h5>¥2299</h5>
              </header>
            </div>
            <span class="prod">新品</span>
          </div>
          <!-- 4 -->
          <div class="col-2">
            <div class="box-2">
              <img
                src="https://dsfs.oppo.com/archives/202104/20210401040444606589a07f6fd.png?_w_=1310&_h_=950&x-oss-process=image/format,webp">
              <header>
                <h4>真我GT 银河战舰</h4>
                <h5>¥3299</h5>
              </header>
            </div>
          </div>
          <!-- 5 -->
          <div class="col-2">
            <div class="box-2">
              <img
                src="https://dsfs.oppo.com/archives/202104/2021041206043760741f31f0d8e.png?_w_=1310&_h_=950&x-oss-process=image/format,webp">
              <header>
                <h4>真我X7 Pro 至尊版</h4>
                <h5>￥2599</h5>
              </header>
            </div>
          </div>
          <!-- 6 -->
          <div class="col-2">
            <div class="box-2">
              <img
                src="https://dsfs.oppo.com/archives/202104/2021040105043160658baf9df73.png?_w_=1310&_h_=950&x-oss-process=image/format,webp">
              <header>
                <h4>真我V13 天青色</h4>
                <h5>¥1599</h5>
              </header>
            </div>
          </div>
          <!-- 7 -->
          <div class="col-2">
            <div class="box-2" style="margin-left: 0; margin-top: 40px;">
              <img
                src="https://dsfs.oppo.com/archives/202102/2021022311020160347b2dd1b6d.png?_w_=1310&_h_=950&x-oss-process=image/format,webp">
              <header>
                <h4>真我V15 锦鲤色</h4>
                <h5>¥1399</h5>
              </header>
            </div>
          </div>
          <!-- 8 -->
          <div class="col-2">
            <div class="box-2" style="margin-top: 40px;">
              <img
                src="https://dsfs.oppo.com/archives/202102/20210205100242601cae865d0cc.png?_w_=1310&_h_=950&x-oss-process=image/format,webp">
              <header>
                <h4>真我V11 活力蓝</h4>
                <h5>¥1199</h5>
              </header>
            </div>
          </div>
          <!-- 9 -->
          <div class="col-2">
            <div class="box-2" style="margin-top: 40px;">
              <img
                src="https://dsfs.oppo.com/archives/202010/202010290610475f9a977fc1eed.png?x-oss-process=image/format,webp">
              <header>
                <h4>真我V3 月光银</h4>
                <h5>¥1099</h5>
              </header>
            </div>
          </div>
          <!-- 10 -->
          <div class="col-2">
            <div class="box-2" style="margin-top: 40px;">
              <img
                src="https://dsfs.oppo.com/archives/202010/202010290610475f9a9473d78a2.png?x-oss-process=image/format,webp">
              <header>
                <h4>真我Q2 Pro C位色</h4>
                <h5>¥1499</h5>
              </header>
            </div>
          </div>
          <!-- 11 -->
          <div class="col-2">
            <div class="box-2" style="margin-left: 0; margin-top: 80px;">
              <img
                src="https://dsfs.oppo.com/archives/202010/202010290610335f9a9b31e0815.png?x-oss-process=image/format,webp">
              <header>
                <h4>真我Q2i 星海蓝</h4>
                <h5>¥1199</h5>
              </header>
            </div>
          </div>
          <!-- 12 -->
          <div class="col-2">
            <div class="box-2" style="margin-top: 80px;">
              <img
                src="https://dsfs.oppo.com/archives/202010/202010290510185f9a91c2397ed.png?x-oss-process=image/format,webp">
              <header>
                <h4>真我Q2 冲浪蓝孩</h4>
                <h5>¥1399</h5>
              </header>
            </div>
          </div>
          <!-- 13 -->
          <div class="col-2">
            <div class="box-2" style="margin-top: 80px;">
              <img src="https://dsfs.oppo.com/archives/202101/2021011804014560054a054b827.png">
              <header>
                <h4>真我X7 Pro C位色</h4>
                <h5>¥2199</h5>
              </header>
            </div>
          </div>
          <!-- 14 -->
          <div class="col-2">
            <div class="box-2" style="margin-top: 80px;">
              <img src="https://dsfs.oppo.com/archives/202010/202010290610265f9a9bde61d9a.png">
              <header>
                <h4>真我X7 幻梦白</h4>
                <h5>¥1999</h5>
              </header>
            </div>
          </div>
          <!-- 15 -->
          <div class="col-2">
            <div class="box-2" style="margin-top: 120px;margin-left: 0;">
              <img src="https://dsfs.oppo.com/archives/202010/202010290610565f9a983cd30ae.png">
              <header>
                <h4>真我X50 Pro红锈</h4>
                <h5>¥3299</h5>
              </header>
            </div>
          </div>
          <!-- 16 -->
          <div class="col-2">
            <div class="box-2" style="margin-top: 120px;">
              <img src="https://dsfs.oppo.com/archives/202102/20210205110230601cbb2258c3d.png?_w_=1310&_h_=950">
              <header>
                <h4>真我X50 极地</h4>
                <h5>¥2799</h5>
              </header>
            </div>
          </div>


        </div>

        <!-- 主体第四部分 -->
        <div class="main-4">
          <section>
            <h1>智能硬件</h1>
            <ul>
              <li class="yj">其它</li>
              <li class="yj">保护壳</li>
              <li class="yj">原厂配件</li>
              <li class="yj">智能家居</li>
              <li class="yj">耳机影音</li>
              <li class="yj">智能穿戴</li>
              <li class="yj">智能电视</li>
              <li class="sj">推荐</li>
            </ul>
          </section>
          <div class="col-1">
            <div class="box-1">
              <header>
                <h4>OPPO Enco Air 新品耳机</h4>
                <h5>¥299</h5>
              </header>
              <img src="https://dsfs.oppo.com/archives/202104/20210429020454608a547e445ab.png?_w_=1310&_h_=950">
            </div>

          </div>
          <!-- 1 -->
          <div class="col-2">
            <div class="box-2">
              <img src="https://dsfs.oppo.com/archives/202105/2021052011052660a5d84ad3c5c.png?_w_=1310&_h_=950">
              <header>
                <h4>OPPO Enco Free2真无线耳机</h4>
                <h5>敬请期待</h5>
              </header>
            </div>
            <span class="prod">新品</span>
          </div>
          <!-- 2 -->
          <div class="col-2">
            <div class="box-2">
              <img src="https://dsfs.oppo.com/archives/202104/20210429020452608a56d49478b.png?_w_=1310&_h_=950">
              <header>
                <h4>OPPO 电视K9</h4>
                <h5>¥3999</h5>
              </header>
            </div>

          </div>
          <!-- 3 -->
          <div class="col-2">
            <div class="box-2" style="margin-left: 0;">
              <img src="https://dsfs.oppo.com/archives/202103/20210311100358604a2c36ad695.png?_w_=1310&_h_=950">
              <header>
                <h4>OPPO Enco X 耳机新色 蓝调</h4>
                <h5>¥999</h5>
              </header>
            </div>

          </div>
          <!-- 4 -->
          <div class="col-2">
            <div class="box-2">
              <img src="https://dsfs.oppo.com/archives/202011/202011030911095fa15e318a3be.png">
              <header>
                <h4>OPPO Watch ECG版</h4>
                <h5>¥2499</h5>
              </header>
            </div>
          </div>
          <!-- 5 -->
          <div class="col-2">
            <div class="box-2">
              <img src="https://dsfs.oppo.com/archives/202104/20210429020429608a5861d09ae.png?_w_=1310&_h_=950">
              <header>
                <h4>OPPO 手环 活力版</h4>
                <h5>¥199</h5>
              </header>
            </div>
          </div>
          <!-- 6 -->
          <div class="col-2">
            <div class="box-2">
              <img src="https://dsfs.oppo.com/archives/202103/20210311110303604a30afeb898.png?_w_=1310&_h_=950">
              <header>
                <h4>OPPO Enco W51</h4>
                <h5>¥499</h5>
              </header>
            </div>
          </div>

        </div>

      </div>
    </div>
  </div>

  <!-- 底部导航区域 -->
  <footer>
<footer class="fo-con">
  <div class="of-nav">
  <dl>
    <dt>关于欢太</dt>
    <dt>了解欢太</dt>
    <dt>欢太产品与服务</dt>
    <dt>联系我们</dt>
  </dl>

  <dl>
    <dt>OPPO产品</dt>
    <dt>OPPO Reno6</dt>
    <dt>OPPO Reno6 Pro</dt>
    <dt>OPPO Reno6 Pro+</dt>
    <dt>OPPO Find X3 Pro</dt>
    <dt>OPPO Find X3 </dt>
    <dt>OPPO Reno5</dt>
    <dt>OPPO K7x</dt>
    <dt>OPPO A95</dt>
    <dt>OPPO A93</dt>
  </dl>

  <dl>
    <dt>一加产品</dt>
    <dt>OnePlus 9 Pro</dt>
    <dt>OnePlus 9</dt>
    <dt>OnePlus 9R</dt>
    <dt>OnePlus 8T</dt>
    <dt>OnePlus 8</dt>
    <dt>OnePlus 8 Pro</dt>
    <dt>OnePlus Watch</dt>
  </dl>

  <dl>
    <dt>realme产品</dt>
    <dt>真我GT Neo</dt>
    <dt>真我X7 Pro</dt>
    <dt>真我Q3 Pro</dt>
    <dt>真我V15</dt>
    <dt>真我Buds Air Pro</dt>
  </dl>

  <dl>
    <dt>服务政策</dt>
    <dt>OPPO售后政策</dt>
    <dt>一加售后政策</dt>
    <dt>realme售后政策</dt>
    <dt>配送发货说明</dt>
    <dt>花呗分期说明</dt>
    <dt>电子发票说明</dt>
  </dl>
</div>

<div class="of-ser">
  <div class="kefu">
    <span class="iconfont icon-htmal5icon31" style="font-size: 20px !important;" ></span>在线客服
  </div>
  <h3>400-1999-666</h3>
  <p>24 小时全国热线</p>
</div>

</footer>
<div class="of-cp">
  © 2021 欢太 版权所有
  <a href="">
      粤ICP备14012291号
  </a> |
  <a href="" >
      隐私政策
  </a> |
  <a href="" >
      用户使用协议
  </a> |
  <a href="" >
      资质证照
  </a> |
  <a href="">
      知识产权
  </a>
 <div class="of-ga">
   <img src="https://dsfs.oppo.com/oppo/images/common/police-25797632ad.png" style="float: left;" >
  <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">粤公网安备 44190002004935号</p></a>
 </div>
</div>
  </footer>
  </body>
<script src="./js/jquery-3.6.0.min.js"></script>
<script src="./js/swiper.min.js"></script>
<script src="./js/index.js"></script>
</html>